<!DOCTYPE html>
<html>
<head>
<title>商品类别</title>
<#include "/header.html">
</head>
<body>
<div id="pmpapp" v-cloak>

	<div>
		<div class="grid-btn">
			<div class="form-group col-sm-2" style="width: 195px;margin-left: -15px;">
				<input type="text" class="form-control" v-model="q.typeCode" @keyup.enter="query" placeholder="请输入类别编码...">
			</div>
			<div class="form-group col-sm-2" style="width: 195px;margin-left: -15px;">
				<input type="text" class="form-control" v-model="q.typeName" @keyup.enter="query" placeholder="请输入类别名称...">
			</div>
			<!--<div class="form-group col-sm-2">
				<select class="form-control" id="postList">
				</select>
			</div>-->

			<div class="form-group col-sm-2" style="width: 195px;margin-left: -15px;">
				<input type="text" class="form-control" style="cursor:pointer;" v-model="q.deptName" @click="deptTree" readonly="readonly" placeholder="请选择部门......"/>
			</div>

			<!--<div class="form-group col-sm-2" style="width: 195px;margin-left: -15px;">
				<div>
					<i class="fa fa-calendar"></i>
				</div>
				<input type="text" class="form-control pull-right" id="datepicker" placeholder="打卡开始日期">
			</div>-->

			<div class="form-group col-sm-2" style="width: 255px;margin-left: -5px;">
				<button type="button" class="btn btn-default pull-left" id="daterange-btn">
					<span><i class="fa fa-calendar"></i> 打卡日期选择</span>
					<i class="fa fa-caret-down"></i>
				</button>
			</div>



			<a class="btn btn-default" @click="query">查询</a>
			<a class="btn btn-warning btn-rounded btn-sm" @click="reset">重置</a>


			<!--&lt;!&ndash;<#if shiro.hasPermission("sys:user:save")>&ndash;&gt;-->
				<!--<a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>-->
			<!--&lt;!&ndash;</#if>-->
			<!--<#if shiro.hasPermission("sys:user:update")>&ndash;&gt;-->
				<!--<a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>-->
			<!--&lt;!&ndash;</#if>-->
			<!--<#if shiro.hasPermission("sys:user:delete")>&ndash;&gt;-->
				<!--<a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>-->
			<!--&lt;!&ndash;</#if>&ndash;&gt;-->

		</div>
	    <table id="jqGrid"></table>
	    <div id="jqGridPager"></div>
    </div>
    
</div>

<!-- 选择部门 -->
<div id="deptLayer" style="display: none;padding:10px;">
	<ul id="deptTree" class="ztree"></ul>
</div>

<script src="${request.contextPath}/statics/js/modules/item/itemType.js?_${.now?long}"></script>



</body>
</html>